<?php	
	$meses = array("Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic");
	$mesesCompleto = array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
?>
<style>
	#map-canvas {
		width:100%;
 		height:250px;
	}
</style>
<?php echo $this->Html->script('mapsgoogleapis'); ?>
<script>
function initialize() {
	var mapOptions = {
		center: new google.maps.LatLng(-12.0535,-77.0858),
		zoom: 17,
		mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var marker=new google.maps.Marker({
  		position: new google.maps.LatLng(-12.0535,-77.0858)
  	});

	var map = new google.maps.Map(document.getElementById("map-canvas"),mapOptions);
	marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div class="row" style="margin:60px 0 30px 0">
	<div class="col-lg-7">
		<div class="detalleTitle"><h1><?php echo $evento['Evento']['tema']; ?></h1></div>
		<div class="detalleSubtitle">Martes, 28 Noviembre 2013</div>
		<div class="detalleSubtitle">Lima, C.U. San Marcos, FISI, Aula Magna</div>
	</div>
	<div class="col-lg-5" style="text-align:right;">
		<div><img src="<?php echo $evento['Evento']['imagen']; ?>" style="max-width:445px; max-height:150px;" /></div>
	</div>
</div>

<div class="row">
	<div class="col-lg-8">
		<div class="panel panel-warning">
			<div class="panel-heading">
				<h3 class="panel-title">Exposiciones</h3>
			</div>
 			<table class="table">
				<thead>
					<tr>
						<th>Tema</th>
						<th>Ponente</th>
						<th>Fecha</th>
						<th>Horario</th>
					</tr>
				</thead>
				<tbody>
				<?php foreach($exposiciones as $exp) { ?>
					<tr>
						<td><?php echo $exp["Exposicion"]["tema"]; ?></td>
						<td><?php echo $exp['Ponente']['apellido'].' '.$exp['Ponente']['nombre']; ?></td>
						<td><?php echo date('d',strtotime($exp['Exposicion']['fecha'])).' '.$meses[date('n',strtotime($exp['Exposicion']['fecha']))-1].' '.date('Y',strtotime($exp['Exposicion']['fecha'])); ?></td>
						<td><?php echo date('H:m A',strtotime($exp['Exposicion']['horaini'])).' - '.date('H:m A',strtotime($exp['Exposicion']['horafin'])); ?></td>
					</tr>
				<?php } ?>
				</tbody>
			</table>
		</div>
	</div>
	<div class="col-lg-4">
		<div class="panel panel-success">
			<div class="panel-heading">
				<h3 class="panel-title">Cuando y Donde</h3>
			</div>
			<div class="panel-body">
				<div class="google-map-canvas" id="map-canvas"></div>
				<div style="margin-top: 10px;">
            		<strong>HK Business Address</strong><br>100 Business Address<br>
        		</div>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-lg-12">
		<div class="panel panel-info">
			<div class="panel-heading">
				<h3 class="panel-title">Descripción del Evento</h3>
			</div>
			<div class="panel-body">
				<span><?php echo $evento['Evento']['descripcion']; ?></span>
			</div>
		</div>
	</div>
</div>